<!-- EXAMPLE-SOURCE-START -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

<h:head>
    <title>Level 2</title>
    <style>
        html {
            font-size: 14px;
        }
    </style>
</h:head>

<h:body>
    <div style="padding: 1rem">
        <h:form id="level2form">
            <p class="ui-widget" style="margin-top: 0">You are at Level 1.</p>

            <p:commandButton id="level2button" value="Go to Level 3" icon="pi pi-home"
                             action="#{dfLevel2View.openLevel3}">
                <p:ajax event="dialogReturn" listener="#{dfLevel2View.onReturnFromLevel3}"/>
            </p:commandButton>
        </h:form>
    </div>
</h:body>

</html>
